<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fashion Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.8.3.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
</head>
<body>
		<!--header-->
			<div class="header">
				<div class="container">
					<div class="header-top">
						<div class="logo">
							<a href="index.html">Fashion <span>Style</span></a>
						</div>
						<div class="top-menu">
							<span class="menu"><img src="images/nav.png" alt=""/> </span>
							<ul>
								<li><a href="index.html" class="active">home</a></li>
								<li><a href="about.html">about</a></li>
								<li><a href="designers.html">designers</a></li>
								<li><a href="gallery.html">gallery</a></li>
								<li><a href="typo.html">typo</a></li>
								<li><a href="contact.html">contact</a></li>
							</ul>
						</div>
						 <!--script-nav-->
						 <script>
						 $("span.menu").click(function(){
						 $(".top-menu ul").slideToggle("slow" , function(){
						 });
						 });
						 </script>
						<div class="clerfix"></div>
					</div>
				</div>
			</div>
		<!--header-->
		<!--banner-->
			<div class="bottom-banner">
				<div class="container">
					<div class="banner-text">
						<h1>greater power in style</h1>
						<p>Create your online portfolio in minutes with the professionally and lovingly designed FASHION website template. Customize your site with versatile and easy to use features.</p>
						<a href="#" class="button">read more</a>
					</div>	
				</div>
			</div>
		<!--banner-->
		<!--welcome-->
		<div class="content">
		<div class="welcome">
			<div class="container">
				<h3>welcome</h3>
				<div class="welcome-grids">
					<div class="col-md-4 welcome-grid">
						<div class="welcome1">
						<figure class="effect-bubba">
						<img src="images/p1.jpg" class="img-responsive" alt="/">
						<figcaption>
						  <h4>Fashion Style</h4>
						</figcaption>			
					</figure>	
					</div>
						<div class="welcome2">
						<figure class="effect-bubba">
						<img src="images/p2.jpg" class="img-responsive" alt="/">
						<figcaption>
						  <h4>Fashion Style</h4>
						</figcaption>			
					</figure>	
							
						</div>
					</div>
					<div class="col-md-4 welcome-grid">
						<div class="welcome1">
						<figure class="effect-bubba">
						<img src="images/p3.jpg" class="img-responsive" alt="/">
						<figcaption>
						  <h4>Fashion Style</h4>
						</figcaption>			
					</figure>	
					</div>
						<div class="welcome2">
						<figure class="effect-bubba">
						<img src="images/p4.jpg" class="img-responsive" alt="/">
						<figcaption>
						  <h4>Fashion Style</h4>
						</figcaption>			
					</figure>	
					</div>
					</div>
					<div class="col-md-4 welcome-grid wel1">
					<h3>our fashion</h3>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					</div>
				<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!--welcome-->
       <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
		<!--services-->
		<div class="services-section">
			<div class="container">
				<h3>services</h3>
				<div class="services-grids">
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
								<span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
							</div>
							<div class="service-heading">
								<h4>Events Planning</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.  Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
								<span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
							</div>
							<div class="service-heading">
								<h4>Am leot tellus</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.  Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
					<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
							</div>
							<div class="service-heading">
								<h4>Morbi nunc odio</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
								<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>							
							</div>
							<div class="service-heading">
								<h4>Sed laoreet aliqu</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
								<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
							</div>
							<div class="service-heading">
								<h4>Events Planning</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
					<div class="col-md-4 services-grid">
						<div class="services">
							<div class="service-icon">
								<span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
							</div>
							<div class="service-heading">
								<h4>Events Planning</h4>
							</div>
							<div class="clearfix"></div>
						</div>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever when an unknown. </p>
					</div>
				<div class="clearfix"></div>
				</div>
			</div>
		</div>
	<!--services-->
	<!--featured stars-->
		<div class="featured">
			<div class="container">
				<h3>featured stars</h3>
					<div class="featured-grids">
						<div class="col-md-3 featured-grid">
							<a href="#" class="mask">
						<img src="images/f1.jpg" class="img-responsive zoom-img" alt=""></a>
							<h4>Tom Johns</h4>
							<p>Fashion</p>
						</div>
						<div class="col-md-3 featured-grid">
							<a href="#" class="mask">
						<img src="images/f2.jpg" class="img-responsive zoom-img" alt=""></a>
							<h4>Tom Johns</h4>
							<p>Fashion</p>
						</div>
						<div class="col-md-3 featured-grid">
						<a href="#" class="mask">
						<img src="images/f3.jpg" class="img-responsive zoom-img" alt=""></a>
						<h4>Marta Healy</h4>
							<p>Fashion</p>
						</div>
						<div class="col-md-3 featured-grid">
							<a href="#" class="mask">
						<img src="images/f4.jpg" class="img-responsive zoom-img" alt=""></a>
							<h4>Tom Johns</h4>
							<p>Fashion</p>
						</div>
					<div class="clearfix"></div>
					</div>
			</div>
		</div>
	<!--featured stars-->
		<!--Testimonials-->
			<div class="testimonials">
				<div class="container">
					<h3>Testimonials</h3>
						<div class="testimonials-center">
							<p>"Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante."</p>
							<h4>Marta Healy</h4>
						</div>
				</div>
			</div>
		<!--Testimonials-->
	</div>
	<!--footer-->
			<div class="footer text-center">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-4 footer-text">  
							<h3>About Us</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
						</div>
						<div class="col-md-4 footer-flickr">
							<h3>Flickr Feed</h3>
							<div class="flickr-grids">
							<div class="flickr-grid">
								<a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
										
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
						</div>
					</div>
						<div class="col-md-4 footer-info">
							<h3>Get In Touch</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, </p>
							<div class="support">
								<form>
									<input type="text" value="Your email..." onFocus="this.value='';" onBlur="if (this.value == '') {this.value ='Enter your email';}">
									<input type="submit" value="SUBSCRIBE">
								</form>
							</div>
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class="copy">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#head" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>	
<!--footer-->			
</body>
</html>